@import "style/theme.less";
.link-item-box {
  padding: 10px 10px 10px 0px;
  position: relative;
  border-bottom: 1px solid #eaeaea;
  overflow: hidden;
  &.link-box-with-send {
    padding-right: 30px;
    .send-icon {
      font-size: 20px;
      color: @primary-color;
      cursor: pointer;
      position: absolute;
      right: 10px;
      // bottom: 10px;
      top: 50%;
      transform: translateY(-50%);
    }
  }
}
.link-item-wrap {
  position: relative;
  padding-left: 50px;
  min-height: 40px;
  cursor: pointer;
  &.link-item-hide-cover {
    padding-left: 0px;
  }
  .linkItem {
    overflow: hidden;
    .linkName {
      font-weight: 600;
      overflow: hidden;
      margin-bottom: 4px;
      text-overflow: ellipsis;
      color: #000;
      .title-text {
        word-break: keep-all;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  
    .linkContext {
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 12px;
      color: #888;
    }  
  }
  .link-cover {
    position: absolute;
    // right: 0px;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
  }
}
